@charset "UTF-8";
/*
Author:张卫明  Description: 右侧
*/
@import "../../base/_common";

.comment-list-comment{

    h2{
    	height:40px;
    	line-height:40px;
    	background-color:$color-gray-6;
    	padding-left:18px;
    	padding-right:18px;
    	color: $color-gray-1;
    	font-size:16px;

    	.return-detail{
    		display:block;
    		float:right;
    		color:$color-gray-3;
    		font-weight:100;
    		font-size:14px;

    		span{
    			text-decoration:underline;
    		}
    		i{
    			font-family: simsun;
    			font-style: normal;
    			font-weight:bold;
    			font-size:15px;
    			padding-left:3px;
    		}
    	}

    }

    .evaluation-head {
    	border:1px solid $color-gray-5;
    	border-bottom: none;
    	line-height: 39px;
    	span {
    		color: $color-gray-2;
    		font-size: 16px;
    	}
    	.grade {
    		margin-left: 46px;
    	}
    	.information {
    		margin-left: 328px;
    	}
    	.car {
    		margin-left: 334px;
    	}
    }
    ul{
    	border:1px solid $color-gray-5;
    }

    li{
    	border-top:1px solid $color-gray-5;
    	padding-bottom:15px;
    	margin-top:-1px;
    }

    .comment-user,.comment-info,.comment-options,.comment-detail{
    	float:left;
    	display:inline;
    	padding-top:25px;
    	font-size:14px;
    	color: $color-gray-1;
    	line-height:200%;
    }

    .comment-user{
    	width:128px;
    	text-align:center;
    	padding-top:26px;
    }

    .comment-info{
    	width:604px;
    }

    .comment-detail{
    	width:780px;
    }

    .comment-info,.comment-detail{
    	padding-left:15px;

    	.figcaption {
			height: auto;
			min-height: 21px;
			max-height: 84px;
			overflow:hidden;
		}
		.figcaption p {
			margin: 0;
		}

    	.comment-info-image{
    		padding:10px 0px;
    		font-size:0px;

    		.minimg-box{
    			border:2px solid #fff;
    			float:left;
    			display:inline;
    			margin-right:15px;
    			position:relative;
    			width:90px;
    			height:60px;
    			i{
    				display:none;
    				width:10px;
    				height:6px;
    				position: absolute;
    				bottom: -8px;
    				left: 50%;
    				margin-left: -5px;
    				//background:url(#{$imgurl-base}/public/icon-arrow-blue.png) 0px 0px no-repeat;
    				@include iconItemNoSize($icons,"icon-arrow-blue-2.0",publicMaps);
    			}
    		}
    		.minimg-sel{
    			border:2px solid $color-blue-1;
    			i{
    				display:block;
    			}
    		}

    		img{
    			vertical-align:top;
    		}
    	}

    	.comment-info-image-detail{
    		display:none;
    		a{
    			display:inline-block;
    			i{
    				display:inline-block;
    				width:11px;
    				height:8px;
    				margin-top: -4px;
    				margin-left:10px;
    				vertical-align: middle;
    				//background:url(#{$imgurl-base}/public/icon-arrow-gray.png) 0px 0px no-repeat;
    				@include iconItemNoSize($icons,"icon-arrow-gray",publicMaps);
    			}
    		}
    		.image-detail-box{
    			line-height:0;
    			border:1px solid $color-gray-4;
    			font-size:0px;
    			text-align:center;
 				img {
 					max-width:600px;
 					text-align:center;
 					display:none;
 				}
    		}
    	}
    }

    .comment-detail .comment-info-image{
    	text-align:center;

    	img{
    		margin-top:15px;
    		margin-bottom:20px;
    		max-width:780px;
    	}
    }

    .comment-options{
    	padding-left:20px;
    	width:170px;
    	color:$color-gray-2;
    }

}